<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>查历史价</title>
    <!--引用第三方的样式-->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <!--引用样式重置文件-->
    <link rel="stylesheet/less" href="./css/base.less">
    <!--引用自己的样式文件-->
    <link rel="stylesheet/less" href="./css/checkPprice.less">
    <!--引用less.js-->
    <script src="./lib/less/less.min.js"></script>
</head>

<body>
<!--历史价头部-->
<header class="clearfix">
    <span class="glyphicon glyphicon-menu-left back"></span>
    <h1>历史价格查询</h1>
</header>
<!--商品链接-->
<p>
    商品链接
</p>
<!--搜索-->
<div class="input">
    <div class="area">请通过购物App中使用分享或浏览器打开商品页面获取商品链接</div>
</div>
<!--查询重置-->
<div class="btn clearfix">
    <div class="box">
        <input type="button" value="查询历史价格" id="search_price"/>
        <input type="button" value="重置"/>
    </div>
</div>
<!--判断真假-->
<div class="judge">
    <p>两步操作即可识别商品真假促销</p>
    <p>1.打开购物APP（如手机淘宝）复制商品链接</p>
    <p>2.打开慢慢买APP，系统自动识别查历史价</p>
</div>
<!--慢慢买-->
<footer>
    <a href="#" class="pull-left" id="close"></a>
    <span></span>
    <div class="price">
        <p>慢慢买</p>
        <p>全网比价，历史价格查询</p>
    </div>
    <a href="#" class="pull-right">立即打开</a>
</footer>

</body>


<!--引用jq-->
<script src="./lib/jquery/jquery-1.12.2.js"></script>
<!--引用bootstrap.js-->
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>

<!--引用template.js-->
<script src="./lib/template/template.js"></script>
<!--引用自己的js-->
<script src="./js/checkPprice.js"></script>

</html>